<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<div>
		<ul id="xiongchumo">
			<li class="xiongda">熊大</li>
			<li class="xionger">熊二</li>
			<li class="guangtouqiang">光头强</li>
			<li class="feibo">肥波</li>
		</ul>
	</div>
	<script type="text/javascript">
		// 1.通过id获取 documnent.getElementById("id") 返回一个元素节点
		let xcm = document.getElementById("xiongchumo")
		console.dir(xcm)

		// 2.通过class获取, 返回的是一个伪数组(数组的常用方法不能，但是取值和遍历)
		let xd = document.getElementsByclassName("xiongda")
		//xd.push(10) 报错
		console.log(xd[0].innerText)//熊大

		// 3.通过标签名获取 getElementsByClassName("li"),
		let li = document.getElementsBytagName("li")
		console.log(li[4])

		// 4.通过name获取 document.getElementsByName("cat")，返回的是一个伪数组 (数组常用方法不能，但是可以取值和遍历)
		let cat = document.getElementsByName("cat")
		console.log(cat)
	</script>
</body>
</html>